$(function() {
	//点击注册账号链接
	$('#link_reg').on('click',function() {
		$('.login-box').hide()
		$('.reg-box').show()
	})
	//点击去登录链接
	$('#link_login').on('click',function () {
		$('.login-box').show()
		$('.reg-box').hide()
	})

// layui中的from对象
 var form=layui.form
 var layer=layui.layer
 // 由form.varify()函数自定义校验规则
 form.verify({
	 pwd:[/^[\S]{6,12}$/
    ,'密码必须6到12位，且不能出现空格'] ,
	// 校验两次密码是否正确的函数
	repwd:function (value) {
		// 形参拿的是确认密码框里的内容,与密码框进行判断
	var pwd=$('.reg-box [name=password]').val()
		if(pwd!==value) {
			return '两次密码不对，重新来'
		}
	}
 })
 // 监听注册表单的函数事件
  $('#form_reg').on('submit', function(e) {
    // 1. 阻止默认的提交行为
    e.preventDefault()
    // 2. 发起Ajax的POST请求
    var data = {
      username: $('#form_reg [name=username]').val(),
      password: $('#form_reg [name=password]').val()
    }
    $.post('/api/reguser', data, function(res) {
      if (res.status !== 0) {
        return layer.msg(res.message)
      }
      layer.msg('注册成功，请登录！')
      // 模拟人的点击行为
      $('#link_login').click()
    })
  })
  
  // 监听登录表单的提交事件
    $('#form_login').submit(function(e) {
      // 阻止默认提交行为
      e.preventDefault()
      $.ajax({
        url: '/api/login',
        method: 'POST',
        // 快速获取表单中的数据,这是jq中的函数
        data: $(this).serialize(),
        success: function(res) {
          if (res.status !== 0) {
            return layer.msg('登录失败！')
          }
          layer.msg('登录成功！')
          // 将登录成功得到的 token 字符串，保存到 localStorage 中，本地存储
          localStorage.setItem('token', res.token)
          // 跳转到后台主页
          location.href = 'index.html'
        }
      })
    })
  })